  <!-- VIP咨询页面 -->
<template>
	<view>
		<global-navgation title="1对1 VIP咨询"></global-navgation>
		
		<view class="container">
			<image :src="lists.cover_img" lazy-load="true"></image>
			<view class="title">
				{{lists.title}}
			</view>
			<view class="context">
				{{lists.content}}
			</view>
			<view class="qrcode">
				<image :src="lists.banner_img" lazy-load="true"></image>
			</view>
		</view>
		
		
		<view class="submit">
			<button type="default" @click="show()">一键分享</button>
		</view>
	</view>
</template>

<script>
	import globalNavgation from '../../components/globalNavgation.vue'
	export default {
		components: {
			globalNavgation
		},
		data() {
			return {
				lists:[],
				tokens:''
			}
		},
		mounted(){
			// 初始化获取数据
			this.__initClassData()	
		},
		onLoad(){
			uni.getStorage({
			    key: 'token',
			    success:  res=> {
					this.tokens=res.data
					console.log('mmm',this.tokens)
			    }
			});
		},
		methods: {
			show(){
				uni.navigateTo({
					url:'../show/show'
				})
				
			},
			__initClassData() {
				this.$api.get({
					url: '/article/article/consulting',
					data:{token:this.tokens}
				}).then(res => {
						this.lists=res.data
						
						console.log(res.data)
					})
				},
		}
	}
</script>

<style scoped>
.container{
	width: 688rpx;
	margin: 0 auto;
	margin-top: 24rpx;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: 600;
	font-size: 44rpx;
	color: rgba(0, 0, 0, 0.85);
}

.container image{
	width: 100%;
	height: 308rpx;
	display: block;
}

.container .title{
	text-align: center;
	margin-top: 45rpx;
}

.container .context{
	width: 100%;
	letter-spacing: 0.1rpx;
	font-weight: normal;
	margin-top: 16rpx;
	font-size: 28rpx;
	opacity: 0.65;
	color: rgba(0, 0, 0, 0.65);
	text-align: justify;
}

.container .qrcode{
	width: 392rpx;
	height: 392rpx;
	margin: 0 auto;
	margin-top: 12rpx;
}
	
.container .qrcode image{
	width: 100%;
	height: 100%;
}
	
.submit{
	width: 100%;
	height: 140rpx;
	position: absolute;
	bottom: 0;
	box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.08);
}
.submit button{
	margin-top: 20rpx;
	width:686rpx;
	height: 100rpx;
	text-align: center;
	line-height: 100rpx;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: normal;
	font-size: 36rpx;
	color: #F7F7F7;
	background: linear-gradient(90deg, #3965FF 0%, rgba(57, 101, 255, 0.8) 100%);
	border-radius: 4px;
}
</style>